body *{float:left;margin:0;padding:0;text-align:left;display: block;font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;}
a {text-decoration:none;}
body{color: #212121;margin: 0;padding: 0;background: #D3D3D3;}
nav {position: relative;margin-top:3px;width: 100%;box-shadow: 1px 4px 4px rgb(200,200,200);background: #fff;}
.load-strip {position: absolute;width:100%;height:3px;}
.tool-bar {display: none;float: right;width: 2rem;height:2rem;margin-top: 0.6rem;margin-right: 1rem;background: #808080;font-size: 16px;border-radius: 10%;cursor: pointer;}
.tool-bar .tool-bar-tg {width: 80%;height:4.5px;background: white;margin-left:10%;margin-top: 4.5px;}
nav ul {position: relative;list-style: none;}
nav li a,nav li a:hover, nav li a:link, nav li active,nav li a:visited {color: #212121;display: inline-block;width: 100%;height: 100%;text-align: center;}
nav form {width: 174px;}
nav form input[type='text'] {border: 1px solid #A9A9A9;padding-left: 4px;margin-top:0.6rem;height: 2rem;outline: none;color: #808080;width: 100%;font-size: 1.2rem;}
#logo {display: block;height: 100%;font-size: 16px;cursor: pointer;margin-top: 1rem;margin-bottom: 1rem;margin-right: 2rem;min-height: 1.5rem;line-height: 1.5rem;color: #5F9EA0;}
nav ul .active,nav ul .active a {background: #5F9EA0;color: white;}
#base {
    position: relative;
    width: 100%;
}
#paper {
    position: relative;
    background: #fff;
    font-size: 16px;
}
/**
 * 基于屏幕尺寸的调整
 */
@media screen and (min-width:760px) {
    .tool-bar {
        display: none;
    }
    nav form {
        margin-left: 1rem;
    }
    nav ul {
        position: relative;
        list-style: none;
        width: 80%;
        left: 50%;
        margin-left: -40%;
    }
    nav li {
        display: block;
        height: 100%;
        font-size: 16px;
        cursor: pointer;
        height: 56px;
        line-height: 56px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #paper {
        left: 50%;
        margin-left: -40%;
        margin-top: 1rem;
        width: 80%;
    }
}

@media screen and (max-width:760px) {
    .tool-bar {
        display: block;
    }
    nav form {
        margin-left: 5%;
    }
    nav ul {
        width: 100%;
        margin-bottom: 5px;
    }
    nav li {
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        display: none;
        border-bottom: 1px solid #A9A9A9;
    }
    #paper {
        margin-top: 4px;
        width: 100%;
    }
}
